page{
  height: 100vh;
  background-color: #efefef !important;
  display: flex;
  flex-direction: column;
  padding: 16rpx;
  box-sizing: border-box;
  >view{
    &:nth-child(n+2){
      margin-top: 16rpx;
    }
  }
}
.swiper{
  border-radius: 10rpx;
  swiper{
    height:368rpx;
  // background-color:skyblue;
  swiper-item{
    // &引用父级元素  swiper-item
    // &:first-child{
    //   background-color: lightsalmon;
    // }
    // &:last-child{
    //   background-color: lightseagreen;
    // }
    image{
      border-radius: 10rpx;
      width: 100%;
      height:100%;
    }
  }
  }
}

.info{
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 20rpx 16rpx;
  border-radius: 10rpx;
  font-size: 24rpx;
  .iconfont{
    font-size: 32rpx;
    margin-right: 4rpx;
  }
}

.good-nav{
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 20rpx 16rpx;
  border-radius: 10rpx;
  view{
    navigator{
      align-items: center;
    display: flex;
    flex-direction: column;
    image{
      width: 80rpx;
      height: 80rpx;
    }
    text{
      font-size: 24rpx;
      margin-top: 12rpx;
    }
    }
  }
}

.good-hot{
  // scroll-view{
  //   background-color: pink;
  //   width: 100%;
  //   white-space: nowrap;//不允许换行
  //   justify-content: space-between;
  //   view{
  //     display: inline-block;
  //     width: 300rpx;
  //   height: 80rpx;
  //   &:nth-child(2n-1){
  //     background: lightcoral;
  //   }
  //   }
  // }
  background-color: #fff;
  padding: 16rpx;
  border-radius: 10rpx;
  font-size: 24rpx;
  text-align: center;
  scroll-view{
    width: 100%;
    white-space: nowrap;
    view{
      display: inline-block;
      width: 320rpx;
      height: 440rpx;
      margin-right: 16rpx;
      &:last-child{
        margin-right: 0;
      }
      .good-item{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        image{
          width: 100%;
          height:320rpx;
        }
        text{
          &:nth-of-type(1){
            font-weight: bold;
          }
        }
      }
    }
  }
}